@import url(./base.less);
@import url(./normalize.less);

@rootSize: 37.5rem;

body {
  background-color: #f9fbff;
}
.main {
  height: (60 / @rootSize);
  margin-bottom: (10 / @rootSize);

  .box {
    height: (20 / @rootSize);
    margin: 0 auto;
  }

  .box1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: (11.5 / @rootSize) (10 / @rootSize);
    height: (45 / @rootSize);

    .le {
      width: (20 / @rootSize);
      height: (25 / @rootSize);
      margin-top: (5 / @rootSize);
      margin-left: (10 / @rootSize);
    }

    .left {
      font-size: (16 / @rootSize);
      padding-left: (55 / @rootSize);
      font-weight: 600;
    }

    .right {
      width: (79 / @rootSize);
      height: (7.1 / @rootSize);
      padding-bottom: (30 / @rootSize);
    }
  }
}

.denglu {
  position: relative;
  height: (252 / @rootSize);
  // background-color: pink;

  .chu1 {
    display: flex;
    justify-content: space-between;
    width: (306 / @rootSize);
    height: (130 / @rootSize);
    border-bottom: 1px solid #ebebeb;
    margin: 0 (25 / @rootSize);

    .left a {
      display: inline-block;
      font-size: (18 / @rootSize);
      margin-top: (15 / @rootSize);
      margin-bottom: (3 / @rootSize);
      font-weight: 600;
    }
    .left span {
      display: inline-block;
      margin-right: (100 / @rootSize);
      width: (62 / @rootSize);
      height: (20 / @rootSize);
      background-color: #363636;
      border-radius: (6 / @rootSize) (6 / @rootSize) (6 / @rootSize) 0;
      font-size: (12 / @rootSize);
      color: #f0d393;
      text-align: center;
      line-height: (20 / @rootSize);

      img {
        display: inline-block;
        width: (15 / @rootSize);
        height: (10 / @rootSize);
      }
    }
    .left p {
      font-size: (14 / @rootSize);
      margin-top: (40 / @rootSize);
    }
    .right img {
      margin-top: (40 / @rootSize);
      width: (67 / @rootSize);
      height: (67 / @rootSize);
      border-radius: 50%;
      margin-right: (6 / @rootSize);
    }
  }
  .chu2 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: (356 / @rootSize);
    height: (100 / @rootSize);

    div {
      flex-direction: column;
      text-align: center;

      p:nth-child(1) {
        font-size: (20 / @rootSize);
        margin: (5 / @rootSize) 0;
      }
      p:nth-child(2) {
        font-size: (14 / @rootSize);
      }
    }
  }
}
.ma {
  height: (175 / @rootSize);
  text-align: center;
  line-height: (220 / @rootSize);
  img {
    display: inline-block;
    width: (153 / @rootSize);
    height: (153 / @rootSize);
  }
}

.footer2 {
  margin-top: (60 / @rootSize);
  height: (60 / @rootSize);
  line-height: (60 / @rootSize);
  text-align: center;
  img {
    display: inline-block;
  }
}
.wenzi {
  font-size: (12 / @rootSize);
  text-align: center;
}
.footer1{
  height: (45 / @rootSize);
  width: (245 / @rootSize);
  background-color: #14bb06;
  margin: (60 / @rootSize) (65 / @rootSize) 0;
  line-height: (45 / @rootSize);
  text-align: center;
  border-radius: 5px;
  font-size: (12 / @rootSize);
  color: #fff;
}
